<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>对方提交账单 - TMS</title>
    <link rel="stylesheet" href="/view/frame/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/view/frame/static/css/global.css?v=1.0">
    <style>
      body {margin:20px;}
    </style>
  </head>
  <body>
    <form class="layui-form" autocomplete="off">
      <!--start:表格列表-->
      <table class="layui-hide" id="tableList" lay-filter="tbar"></table>
      <!--end:表格列表-->
    </form>
  </body>
  <script type="text/html" id="doarkDateTpl">
      {{new Date(d.doarkDate).format("yyyy-MM")}}
  </script>
  <script type="text/html" id="createDateTpl">
      {{new Date(d.createDate).format("yyyy-MM-dd hh:mm:ss")}}
  </script>
  <script charset="utf-8" src="/view/frame/layui/layui.js"></script>
  <script charset="utf-8" src="/view/frame/static/js/jquery.min.js?v=1.0"></script>
  <script charset="utf-8" src="/view/frame/static/js/layui.district.js?v=1.0"></script>
  <script charset="utf-8" src="/view/tms/static/js/tms_tab.js?v=1.0"></script>
  <script charset="utf-8" src="/view/tms/static/js/tms_index.js?v=1219"></script>
  <script charset="utf-8" src="/view/frame/static/js/lang_zh_CN.js?v=1.0"></script>
  
  <script charset="utf-8" src="/view/frame/static/js/errorCodeMap.js"></script>
  <script charset="utf-8" src="/view/frame/static/js/HC.js?v=1.4"></script>
  <script charset="utf-8" src="/view/tms/static/js/validator.js"></script>
  <script charset="utf-8" src="/view/tms/static/js/bizUtil.js"></script>
  
  <script>
  layui.use(['form', 'layer', 'table', 'laydate'], function(){
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        laydate = layui.laydate,
        tmsTab = layui.tms_tab,
        $ = layui.jquery;
        
    var $handleBillsNo = $.trim(getUrlParam('handleBillsNo'));
    console.log($handleBillsNo);
    setTableData($handleBillsNo);

    //方法级渲染
    function setTableData(){
      var $pageSize = 15;
      table.render({
        elem: '#tableList',
        url: '/ucenter/general/finance/handleBills/queryOtherBill.shtml',
        where: {handleBillsNo: $handleBillsNo} ,//如果无需传递额外参数，可不加该参数
        method: 'post' ,//如果无需自定义HTTP类型，可不加该参数
        response: {
          statusCode: 'SUCCESS',
          countName: 'objects.total', //数据总数的字段名称，默认：count
          dataName: 'objects.list'
        },
        request: {
          pageName: 'pageNum', //页码的参数名称，默认：page
          limitName: 'pageSize' //每页数据量的参数名，默认：limit
        },
        cols: [[
          {field:'id', title: '序号', width:60, sort: true, align: 'center'},
          {field:'jobNo', title: '运输作业号', width:200, align: 'center'},
          {field:'doarkDate', title: '做柜日期', width:90, align: 'center', templet:'#doarkDateTpl'},
          {field:'ordersType', title: '类型', width:90, align: 'center'},
          {field:'soNo', title: 'S/O', width:210, align: 'center'},
          {field:'arkNo', title: '柜号', width:150, align: 'center'},
          {field:'arkType', title: '柜型', width:130, align: 'center'},
          {field:'carNo', title: '车牌号', width:100, align: 'center'},
          {field:'transportCost', title: '运费', width:100, align: 'center'},
          {field:'extraCost', title: '异常费', width:100, align: 'center'},
          {field:'sum', title: '合计', width:100, align: 'center'},
          {field:'paidCost', title: '已收金额', width:100, align: 'center'},
          {field:'createDate', title: '创建时间', width:200, align: 'center', templet:'#createDateTpl'}
        ]],
        id: 'dataReload',
        page: true,
        limits: [15, 30, 50, 100],
        limit: $pageSize,
        height: 'full-130',
        even: true,
        done: function(res, curr, count){}
      });
    }


    $(".btn-cancel").on("click",function(){
      parent.layer.close(parent.layer.index);
    });
  });
  </script>
</html>